<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./jquery.min.3.4.1.js"></script>

    <script>
        $(function () {

            /*获取具有href属性的 DOM 对象*/
            $('button:eq(0)').click(function () {
                $('a[href]').css({
                    backgroundColor: 'red'
                })
            });



            /*获取属性值为www.baidu.com对象*/
            $('button:eq(1)').click(function () {
                $('a[href="www.baidu.com"]').css({
                    backgroundColor: 'red'
                })
            });

            /*获取属性值不为www.baidu.com对象*/
            $('button:eq(2)').click(function () {
                $('a[href!="www.baidu.com"]').css({
                    backgroundColor: 'red'
                })
            });

            /*获取属性值以www开头的对象*/
            $('button:eq(3)').click(function () {
                //匹配前缀
                $('a[href^="www"]').css({
                    backgroundColor: 'red'
                })
            });

            /*获取属性值以cn结尾的对象*/
            $('button:eq(4)').click(function () {
                //匹配后缀
                $('a[href$=cn]').css({
                    backgroundColor: 'red'
                })
            })

            /*获取属性值包涵zxyi的对象*/
            $('button:eq(5)').click(function () {
                //包含
                $('a[href*="zxyi"]').css({
                    backgroundColor: 'red'
                })
            });

            /*获取属性值包涵www的对象并且title包含"是"的对象*/
            $('button:eq(6)').click(function () {
                //包含
                $('a[href*="www"][title*="是"]').css({
                    backgroundColor: 'red'
                })
            });



        })



    </script>
</head>

<body>
    <button>$('a[href]')获取具有href属性的 DOM 对象</button><br>
    <button>$('a[href="www.baidu.com"]')获取属性值为www.baidu.com对象</button><br>
    <button>$("a[href!='www.baidu.com']")获取属性值不为www.baidu.com对象</button><br>
    <button>$('a[href^="www"]')获取属性值以www开头的对象</button><br>
    <button>$('a[href$="cn"]')获取属性值以cn结尾的对象</button><br>
    <button>$('a[href*="zxyi"]')获取属性值包涵zxyi的对象</button><br>
    <button>$('a[href*="www"][title*="是"]')获取属性值包涵www的对象并且title包含"是"的对象</button>
    <br><br><br>

    <div class="divItem">
        <a href="www.baidu.com" title="谁啊？">www.baidu.com百度</a><br />
        <a href="www.zxyi.cn" title="我是title的内容">www.zxyi.cn知行合壹</a><br />
        <a href="sina.com.cn">sina.com.cn新浪</a><br />
        <a>我没有href</a>
    </div>


</body>

</html>